CSS Best Practice #1: Reset CSS

I think resetting browser styles is important. You\’ll never know what you\’re dealing with. If all the browsers start on the same page it will make your life easier because you\’ll know what to expect. I personally use Eric Meyer\’s Reset CSS as a base and modify it as needed.

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: \'\';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need \'cellspacing=\"0\"\' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Other Resets

There are actually a lot more choices besides Eric Meyers. I found several more at a post on Pinceladas da Web. It is in Portuguese so you may need to translate.

4 thoughts on “CSS Best Practice #1: Reset CSS”

Leave a Reply

Your email address will not be published. Required fields are marked *